<template>
    <div class="map">
        <div id="container" style="height:500px;"></div>
    </div>
</template>

<script>
export default {
    methods:{
        //获取用户所在城市信息
        showCityInfo() {
            var map = new AMap.Map("container", {
                resizeEnable: true,
                center: [116.397428, 39.90923],
                zoom: 13
            });
            //实例化城市查询类
            var citysearch = new AMap.CitySearch();
            //自动获取用户IP，返回当前城市
            citysearch.getLocalCity(function(status, result) {
                if (status === 'complete' && result.info === 'OK') {
                    if (result && result.city && result.bounds) {
                        var cityinfo = result.city;
                        var citybounds = result.bounds;
                        //地图显示当前城市
                        map.setBounds(citybounds);
                    }
                }
            });
        }
        
    },
    mounted(){
        this.showCityInfo()
    }
}
</script>